<template>
  <div>
    <Child1 v-if="Child1Show" ref="child1"/>
    <p v-if="Child1Show">---------------------------------</p>
    <Child2 v-if="Child2Show" ref="child2"/>
  </div>
</template>
 
 <script>
 import Child1 from './components/Child1.vue'
 import Child2 from './components/Child2.vue'
  export default {
    components:{
      Child1,
      Child2
    },

    data() {
      return {
        Child1Show: false,
        Child2Show: true
      }
    },
  }
 </script>